<template>
  <div class="seat_intro">
    <div v-for = "item in info" class="seat_div">
      <p>{{ item.msg }}</p>
      <p>{{ item.intro }}</p>
      <button class="button" @click="jump">了解详情</button>
      <p />
    </div>
  </div>
</template>

<script>
  export default {
    el: '#seat_intro',
    data() {

      return {
        info:[
          {
            msg: "宴会大桌",
            intro: "这是宴会大桌",
          },
          {
            msg: "宴会中桌",
            intro: "这是宴会中桌",
          },
          {
            msg: "宴会小桌",
            intro: "这是宴会小桌",
          },
          ]
      };
    },
    methods: {
      jump: function () {
        return this.$router.push({name:'seat_reserve'});
      }

    }
  }
</script>

<style src=".\seat_intro.css">
</style>
